<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8" />
  <meta name="author-name" content="Mironcoder | Miron Mahmud" />
  <meta name="author-email" content="mironcoder@gmail.com" />
  <meta name="author-profile" content="https://themeforest.net/user/mironcoder" />
  <meta name="template-name" content="Vegana" />
  <meta name="template-created" content="09-November-2020" />
  <meta name="template-title" content="Vegana - vegan food eCommerce store html template" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <meta name="keywords" content="vegana, vegan, food, eCommerce, store, html, template, bootstrap, vegetarian, organic, vegetables, greengrocery, fruit, healthy, shop" />
  <title>我的账户</title>
  <link rel="icon" href="../assets/images/logo/favicon.png" />
  <link rel="stylesheet" href="../assets/source/css/vendor/flaticon.css" />
  <link rel="stylesheet" href="../assets/source/css/vendor/fontawesome.css" />
  <link rel="stylesheet" href="../assets/source/css/vendor/bootstrap.min.css" />
  <link rel="stylesheet" href="../assets/source/css/custom/main.css" />
  <link rel="stylesheet" href="../assets/source/css/custom/account.css" />
  <link rel="stylesheet" href="../back/css/index.css"/>
  <link rel="stylesheet" href="../assets/source/css/custom/pay.css"/>
  <style>
    .money{
      width: 100%;
      height: 30px;
      position: relative;
      right: -430px;
      top: 2px;
    }
    .product{
      position: relative;
      border-top:3px solid rgb(96, 97, 97);
      border-bottom:1px solid rgb(96, 97, 97);
      width: 100%;
      height: 80px;
    }
    .product .img{
      position: absolute;
      width: 50px;
      height: 50px;
      left: 5px;
      top: 5px;
    }
    .product .p2{
      position: absolute;
      width: 50%;
      height: 60%;
      left: 80px;
      top: 8px;
    }
    .product .p3{
      position: absolute;
      width: 24px;
      height: 20px;
      right: 30%;
      top: 25px;
    }
    .product .p4{
      position: absolute;
      width: 65px;
      height: 0px;
      right: 72%;
      top: 56px;
    }
    .addr{
      position: relative;
      margin: 0 30px;
      width: 100%;

    }
     .p1{
      position: relative;
      width: 23px;
      height: 20px;
      left: -5px;
      top: 45px;
      background: url(../assets/images/addr.png) no-repeat 100% 100%;
    }
    .order_detail{
      margin: center;
    }
    h1{
margin-left:385px;
}
.order{
	width:100%;
  	border:1px solid black;
 	display: inline-block;
 	min-height:300px;
 	font-size:16px;
}
ul{
list-style:none;
}
.order_son{
width:60%;
margin:10px auto;
border:1px solid black;
}

.common_list_con{
	width:1200px;
	border:1px solid #dddddd;
	border-top:2px solid #00bc6f;
	margin:10px auto 0;
	background-color:#f7f7f7;
	position:relative;
}

.common_list_con dl{
	margin:20px;
	font-size: 14px;
}

.common_list_con dt{
	font-weight:bold;
	margin-bottom:10px;
}

.common_list_con dd {
	padding-left: 30px;
	height: 30px;
	line-height: 30px;
}

.common_list_con dd>a{
	margin-left: 30px;
	visibility: hidden;
}

.common_list_con dd:hover{
	cursor: pointer;
	color: #EE7037;
}

.common_list_con dd:hover a{
	visibility: visible;
	color: #EE7037;
}
/*商品列表样式*/
.goods_list_th{
	height:40px;
	border-bottom:1px solid #ccc;
}
.goods_list_th li{
	float:left;
	line-height:40px;
	text-align:center;
}
.goods_list_th .col01{width:25%}
.goods_list_th .col02{width:15%}
.goods_list_th .col03{width:15%}
.goods_list_th .col04{width:15%}
.goods_list_th .col05{width:15%}
.goods_list_th .col06{width:10%}
.goods_list_td{
	height:80px;
	border-bottom:1px solid #eeeded;
}
.goods_list_td li{
	float:left;
	line-height:80px;
	text-align:center;
}
.goods_list_td .col01{width:48px;}
.goods_list_td .col02{width:6%,; padding-left:48px}
.goods_list_td .col03{width:15%; }
.goods_list_td .col04{width:20%;}
.goods_list_td .col05{width:15%; }
.goods_list_td .col06{width:15%; }
.goods_list_td .col07{width:15%; }
.goods_list_td .col08{width:11%; }

.goods_list_td .col02{
	text-align:right;
}
.goods_list_td .col02 img{
	width:63px;
	height:63px;
	border:1px solid #ddd;
	display:block;
	margin:7px 0;
	float:right;
}
.goods_list_td .col03{text-align:left;text-indent:20px}
.edit_site{
	
	width:140px;
	height:30px;
	text-align:center;
	line-height:30px;
	background-color:#37ab40;
	color:#fff;
	padding:2px 20px;
	border-radius: 4px;
}
.time{
width:"1144px";
background-color:grey;
height:30px;
line-height:30px;
padding-left:50px;
font-size:14px;
font-weight: bold;
}
.sucess{
color:red;
}
.del{
padding-left:842px;
}
a{
color:black;
}

    .el-tag {  
      cursor: pointer;  
    }
    .el-dialog__body{
      padding: 0 20px;
    }
    .i1{
      width:100px;
      height:100px;
    }
    .pic{
    margin-left: 10px;
    width:70px;
    }
    .pic1{
      width: 300px;
      height: 100px;
      margin-bottom: 10px;
    }
    .picshow{
    float: left;
    }
    .pic2{
    float: left;
    }
    .e1{
    clear: both;
    }
    .L1{
      width: 400px;
      height: 160px;
      padding-left: 80px;
      padding-top: 60px;
      margin-left: 80px;
      /* Safari 5.1 - 6.0 */  
  background: -webkit-linear-gradient(left, pink, aliceblue);  
  /* Opera 11.1 - 12.0 */  
  background: -o-linear-gradient(left, pink, aliceblue);  
  /* Firefox 3.6 - 15 */  
  background: -moz-linear-gradient(left, pink, aliceblue);  
  /* 标准的语法 */  
  background: linear-gradient(to right, pink, aliceblue);
    }
    .b1{
      font-size: 40px;
    }
    .s1{
      font-size: 35px;
    }
    .L2{
      margin-left: 140px;
    }
    .bu1 .bu2 .bu3 .bu4 .bu5 .bu6{
      margin-right: 50px;
    }
    .u1 li{
      padding-top: 20px;
    }
    .e1 .e2{
    margin-right: 50px;
    }
  </style>
 </head>
 <body>
  <div id="app"> 
  <header class="header-part">
   <div class="container">
    <div class="row">
     <div class="col-sm-12 col-md-6 col-lg-6">
      <ul class="header-info">
        <li> <i class="fas fa-envelope"></i><p>{{adminEmail}}</p></li>
        <li> <i class="fas fa-phone-alt"></i><p>+{{adminTel}}</p></li>
      </ul>
     </div>
     <div class="col-sm-12 col-md-6 col-lg-6">
      <div class="login_info" v-if="userInfo == ''">
				<a href="login.html" target="_blank" title="点击登录">您好，请先登录</a>
				<a href="reg.html" target="_blank" title="点击注册">免费注册</a>
			</div>
			<div class="login_info" v-else>
				<span>尊敬的用户{{userInfo.uname}},您好</span>
				<a href="login.html" title="点击退出">退出登录</a>
			</div>
     </div>
    </div>
   </div> 
  </header> 
  <!-- 下拉菜单 -->
  <nav class="navbar-part">
    <div class="container">
     <div class="row">
      <div class="col-lg-12">
       <div class="navbar-element">
        <ul class="left-widget">
         <li><a class="icon icon-inline menu-bar" href="#"><i class="fas fa-align-left"></i></a></li>
        </ul> 
        <a class="navbar-logo" href="#"> <img src="../assets/images/logo/01.png" alt="logo" /> </a>
        <ul class="right-widget">
         <li><a class="icon icon-inline" href="account.html"><i class="fas fa-user"></i></a></li>
         <li><a class="icon icon-inline" href="wishlist.html"><i class="fas fa-heart"></i><sup>{{wishCount}}</sup></a></li>
         <li><a class="icon icon-inline" href="cartlist.html"><i class="fas fa-shopping-cart"></i><sup>{{cartCount}}</sup></a></li>
        </ul>
       </div>
      </div>
     </div>
     <div class="row">
      <div class="col-lg-12">
       <div class="navbar-slide">
        <div class="navbar-content">
         <div class="navbar-slide-cross"> 
          <a class="icon icon-inline cross-btn" href="#"><i class="fas fa-times"></i></a>
         </div>
         <div class="navbar-slide-logo"> 
          <a href="#"><img src="../assets/images/logo/01.png" alt="logo" /></a>
         </div>
         <form class="search-form mb-4 navbar-slide-src"> 
          <input type="text" placeholder="搜索任何内容..." /> 
          <button class="btn btn-inline"> <i class="fas fa-search"></i> <span>搜索</span> </button>
         </form>
         <ul class="navbar-list">
          <li class="navbar-item active"><a class="navbar-link" href="../index.html">家</a></li>
          
          <li class="navbar-item navbar-dropdown"> <a class="navbar-link dropdown-indicator" href="#"> <span>店</span> <i class="fas fa-chevron-down"></i> </a>
           <ul class="dropdown-list">
       
            <li><a class="dropdown-link" href="shop-rightbar.html">店铺右侧商品浏览</a></li>
            
           </ul></li>
          <li class="navbar-item navbar-dropdown"> <a class="navbar-link dropdown-indicator" href="#"> <span>页面</span> <i class="fas fa-chevron-down"></i> </a>
           <ul class="dropdown-list">
            <li><a class="dropdown-link" href="cartlist.html">购物清单</a></li>
            <li><a class="dropdown-link" href="wishlist.html">愿望清单</a></li>
            
            <li><a class="dropdown-link" href="signin-up.html">登录或者注册</a></li>
           </ul></li>
          <li class="navbar-item navbar-dropdown"> <a class="navbar-link dropdown-indicator" href="#"> <span>博客</span> <i class="fas fa-chevron-down"></i> </a>
           <ul class="dropdown-list">
            <li><a class="dropdown-link" href="javascript:void(0);" @click="open">发布博客</a></li>
            <li><a class="dropdown-link" href="blog-list.html">博客列表</a></li>
           </ul></li>
          <li class="navbar-item"><a class="navbar-link" href="account.html">账户</a></li>
          <li class="navbar-item"><a class="navbar-link" href="contact.html">联系</a></li>
         </ul>
        </div>
       </div>
      </div>
     </div>
    </div> 
   </nav>
  <div class="btmbar-part">
    <ul class="right-widget">
      <li><a class="icon icon-inline" href="signin-up.html"><i class="fas fa-user"></i></a></li>
      <li><a class="icon icon-inline" href="wishlist.html"><i class="fas fa-heart"></i><sup>{{wishCount}}</sup></a></li>
      <li><a class="icon icon-inline" href="cartlist.html"><i class="fas fa-shopping-cart"></i><sup>{{cartCount}}</sup></a></li>
     </ul>
  </div> 
  <section class="single-banner">
   <div class="container">
    <div class="row">
     <div class="col-lg-12">
      <div class="single-content">
       <h2>我的账户</h2>
       <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">家</a></li>
        <li class="breadcrumb-item active" aria-current="page">我的账户</li>
       </ol>
      </div>
     </div>
    </div>
   </div> 
  </section> 
  <section class="account-part">
   <div class="container">
    <div class="row">
     <div class="col-lg-12">
      <div class="account-menu">
       <ul class="nav nav-tabs">
        <li><a href="#dash" class="nav-link active" data-toggle="tab">挡泥板</a></li>
        <li><a href="#pro" class="nav-link" data-toggle="tab">个人信息</a></li>
        <li><a href="#order" class="nav-link" data-toggle="tab">订单</a></li>
        <li><a href="login.html" class="nav-link">注销</a></li>
       </ul>
      </div>
     </div>
    </div>
    <div class="tab-pane active" id="dash">
     <div class="row">
      <div class="col-lg-12">
       <div class="section-heading">
        <h2>挡泥板</h2>
       </div>
      </div>
      <div class="col-lg-12">
       <div class="account-dash">
        <div class="alert fade show" role="alert">
         <p>从您的帐户仪表板。您可以轻松查看和查看您最近的订单，管理您的送货和账单地址以及编辑您的密码和帐户详细信息。</p> 
         <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">&times;</span> </button>
        </div>
       </div>
      </div>
     </div>
    </div>
    <div class="tab-pane" id="pro">
     <div class="row">
      <div class="col-lg-6">
       <div class="account-card"> 
        <a href="#"><img :src=`../../../upload/${userxx.pic}` alt="01" /></a> 
        <h4>{{userxx.uname}}</h4>
        <p>{{userxx.email}}</p> 
        
        <a href="#" class="btn btn-inline">编辑个人资料</a>
        
        <!-- 用户充值 -->
        <a href="#" class="btn btn-inline" @click="openL">充值</a>
        
       </div>
      </div>
      <div class="col-lg-6">
       <div class="account-card">
        <p>钱包余额:<span>{{userxx.balance}}</span></p>
        <p>电话号码 <span>{{userxx.tel}}</span></p>
        <p>电子邮箱地址 <span>{{userxx.email}}</span></p> 
       </div>
      </div>
     </div>
    </div>


    <div class="tab-pane" id="order">
     <div class="row">
      <div class="col-lg-12">
       <div class="section-heading">
        <h2>订单</h2>
       </div>
      </div>
      <div class="col-lg-12">
       <div class="order-content">
<!---->
         <!-- 订单详情弹窗 -->  
         <el-dialog   
         :visible.sync="dialogVisible"  
         width="30%"  
         @close="">
         <span class="order_detail">订单详情</span>
         <p class="p1"></p>
         <div class="addr">
           <p>收货人: <span>{{orderdetail[0]?.aname}}</span>{{orderdetail[0]?.atel}}</p>
           <p>收货地址:<span>{{orderdetail[0]?.province}}{{orderdetail[0]?.city}}{{orderdetail[0]?.area}}{{orderdetail[0]?.address}}</span></p>
         </div>
         <div class="product" v-for="item in orderdetail">
         <img class="img" :src=`../../../upload/${item.pic}`>
         <p class="p2">{{item.pname}}</p>
         <p class="p3">x{{item.num}}</p>
         <p class="p4">￥{{item.price}}</p>
         </div>  
         <div>  
           <p class="money">实付款:￥{{orderdetail[0]?.countmoneys}}</p>
           <p v-if="orderdetail[0]?.discount == ''"><strong>优惠卷:无折扣优惠</strong></p>
           <p v-if="orderdetail[0]?.discount == 0.95"><strong>优惠卷:九五折优惠</strong></p>
           <p v-if="orderdetail[0]?.discount == 0.9"><strong>优惠卷:九折优惠</strong></p>
           <p v-if="orderdetail[0]?.discount == 0.85"><strong>优惠卷:八五折优惠</strong></p>
           <p v-if="orderdetail[0]?.discount == 0.8"><strong>优惠卷:八折优惠</strong></p>
           <p v-if="orderdetail[0]?.discount == 0.75"><strong>优惠卷:七五折优惠</strong></p>
           <p v-if="orderdetail[0]?.discount == 0.7"><strong>优惠卷:七折优惠</strong></p>
           <p><strong>运费:￥10</strong></p>
           <p><strong>订单号：{{orderdetail[0]?.oid}}</strong></p>  
           <p><strong>下单时间：{{orderdetail[0]?.time}}</strong></p>  
           <p v-if="orderdetail[0]?.status == 1"><strong>订单状态:&nbsp;待发货</strong></p>
           <p v-if="orderdetail[0]?.status == 2"><strong>订单状态:&nbsp;快递运输中</strong></p> 
           <p v-if="orderdetail[0]?.status == 3"><strong>订单状态:&nbsp;已完成</strong></p> 
           <p v-if="orderdetail[0]?.status == 4"><strong>订单状态:&nbsp;待评价</strong></p> 
           <p v-if="orderdetail[0]?.status == 5"><strong>订单状态:&nbsp;可退货</strong></p>
           <p v-if="orderdetail[0]?.status == 6"><strong>订单状态:&nbsp;退货审核中</strong></p> 
           <p v-if="orderdetail[0]?.status == 7"><strong>订单状态:&nbsp;已退货</strong></p>    
           <!-- 这里可以根据需要添加更多订单详情 -->  
         </div>  
         <span slot="footer" class="dialog-footer">    
           <el-button v-if="orderdetail[0]?.status == 2" type="primary" @click="toRecv(orderdetail[0]?.oid)">确定收货</el-button>
           

         </span>  
       </el-dialog>

        
        <el-tag type="success" @click="findOrder(1)">待发货</el-tag>
        <el-tag type="warning" @click="findOrder(2)">已发货</el-tag>
        <el-tag type="info" @click="findOrder(4)">待评价</el-tag>
        <el-tag type="danger" @click="findOrder(5)">可退货</el-tag>
        <el-tag type="danger" @click="findOrder(6)">退货审核中</el-tag>
        <el-tag type="danger" @click="findOrder(7)">已退货</el-tag>
        <el-tag type="danger" @click="findOrder(3)">已完成</el-tag>
        <div width="1144px" class="common_list_con clearfix" id="order_list">
          <ul class="goods_list_th clearfix">
              <li class="col01">商品信息</li>
              <li class="col02">商品价格</li>
              <li class="col03">数量</li>
              <li class="col04">付款金额</li>
              <li class="col05">交易状态</li>	
               <li class="col06">操作</li>		
          </ul>
          <div v-for="(item,index) in allOrder">
          <div class="time">
           <span >时间:{{item[0].time}}</span> 
          <span class="del">订单编号:#{{item[0].oid}}</span>
          </div>
           <ul class="goods_list_td clearfix" v-if="item.length>=2" v-for="(it,ine) in item">
              <li class="col01"></li>			
              <li class="col02"><img :src=`../../../upload/${it.pic}`></li>
              <li class="col03">{{it.pname}}</li>
              <li class="col04"> {{it.outprice}}/ 元</li>
              <li class="col05"> {{it.num}}/ 件</li>
              <li class="col06"> {{it.countmoney}}/ 元</li>
              <li class="col07 sucess" v-if="it.status == 1 " >待发货</li>
              <li class="col07 sucess" v-if="it.status == 2 " >运输中</li>
              <li class="col07 sucess" v-if="it.status == 4 " ><a href="javascript:void(0);" @click="show4(it.oid)">查看</a></li>
              <li class="col07 sucess" v-if="it.status == 5 " ><a href="javascript:void(0);" @click="show5(it.oid)">查看</a></li>
              <li class="col07 sucess" v-if="it.status == 6 " ><a href="javascript:void(0);" @click="show6(it.oid)">查看</a></li>
              <li class="col07 sucess" v-if="it.status == 7 " ><a href="javascript:void(0);" @click="show7(it.oid)">查看</a></li>
              <li class="col07 sucess" v-if="it.status == 3 " ><a href="javascript:void(0);" @click="show3(it.oid)">查看</a></li>
              <li class="col08" v-if="it.status==1"><a href="javascript:void(0);" @click="show1(it.oid)">查看</a></li>
              <li class="col08" v-if="it.status==2"><a href="javascript:void(0);" @click="showOrder(it.oid)">查看详情</a></li>
              <li class="col08" v-if="it.status==4"><a href="javascript:void(0);" @click="toPval(it.pid,it.oid)">去评价</a></li>
              <li class="col08" v-if="it.status==5"><a href="javascript:void(0);" @click="toTuiHuo(it.oid)">去退货</a></li>
              <li class="col08" v-if="it.status==6">等待审核</li>
              <li class="col08" v-if="it.status==7">退货成功</li>
              <li class="col08" v-if="it.status==3">交易完成</li>
          </ul>
          <ul class="goods_list_td clearfix" v-else>
            <li class="col01"></li>			
            <li class="col02"><img :src=`../../../upload/${item[0].pic}`></li>
            <li class="col03">{{item[0].pname}}</li>
            <li class="col04"> {{item[0].outprice}}/ 元</li>
            <li class="col05"> {{item[0].num}}/ 件</li>
            <li class="col06"> {{item[0].countmoney}}/ 元</li>
            <li class="col07 sucess" v-if="item[0].status == 1 " >待发货</li>
            <li class="col07 sucess" v-if="item[0].status == 2 " >运输中</li>
            <li class="col07 sucess" v-if="item[0].status == 4 " ><a href="javascript:void(0);" @click="show4(item[0].oid)">查看</a></li>
            <li class="col07 sucess" v-if="item[0].status == 5 " ><a href="javascript:void(0);" @click="show5(item[0].oid)">查看</a></li>
            <li class="col07 sucess" v-if="item[0].status == 6 " ><a href="javascript:void(0);" @click="show6(item[0].oid)">查看</a></li>
            <li class="col07 sucess" v-if="item[0].status == 7 " ><a href="javascript:void(0);" @click="show7(item[0].oid)">查看</a></li>
            <li class="col07 sucess" v-if="item[0].status == 3 " ><a href="javascript:void(0);" @click="show3(item[0].oid)">查看</a></li>
            <li class="col08" v-if="item[0].status==1"><a href="javascript:void(0);" @click="show1(item[0].oid)">查看</a></li>
            <li class="col08" v-if="item[0].status==2"><a href="javascript:void(0);" @click="showOrder(item[0].oid)">查看详情</a></li>
            <li class="col08" v-if="item[0].status==4"><a href="javascript:void(0);" @click="toPval(item[0].pid,item[0].oid)">去评价</a></li>
            <li class="col08" v-if="item[0].status==5"><a href="javascript:void(0);" @click="toTuiHuo(item[0].oid)">去退货</a></li>
            <li class="col08" v-if="item[0].status==6">等待审核</li>
            <li class="col08" v-if="item[0].status==7">退货成功</li>
            <li class="col08" v-if="item[0].status==3">交易完成</li>
        </ul>
    </div>   
<!---->
       </div>
      </div>

     </div>
    </div>
   </div> 
  </section> 
  <section class="news-part">
   <div class="container">
    <div class="row">
     <div class="col-md-5 col-lg-6">
      <div class="news-content">
       <h2>订阅最新优惠</h2>
      </div>
     </div>
     <div class="col-md-7 col-lg-6">
      <form class="search-form news-form"> 
       <input type="text" placeholder="输入电子邮箱地址" /> 
       <button class="btn btn-inline"> <i class="fas fa-envelope"></i> <span>订阅</span> </button>
      </form>
     </div>
    </div>
   </div> 
  </section> 
  <footer class="footer-part">
   <div class="container">
    <div class="row">
     <div class="col-md-6 col-lg-4">
      <div class="footer-content"> 
       <a href="#"><img src="../assets/images/logo/01.png" alt="logo" /></a>
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur repudiandae quisquam adipisci asperiores, ipsum ipsa repellat assumenda dolor perspiciatis.</p>
       <ul class="footer-icon">
        <li><a class="icon icon-inline" href="#"><i class="fab fa-facebook-f"></i></a></li>
        <li><a class="icon icon-inline" href="#"><i class="fab fa-twitter"></i></a></li>
        <li><a class="icon icon-inline" href="#"><i class="fab fa-linkedin-in"></i></a></li>
        <li><a class="icon icon-inline" href="#"><i class="fab fa-instagram"></i></a></li>
        <li><a class="icon icon-inline" href="#"><i class="fab fa-pinterest-p"></i></a></li>
       </ul>
      </div>
     </div>
     <div class="col-md-6 col-lg-4">
      <div class="footer-content">
       <h3 class="title">Useful Links</h3>
       <div class="footer-widget">
        <ul>
         <li><a href="#">我的账户</a></li>
         <li><a href="#">订单历史记录</a></li>
         <li><a href="#">订单跟踪</a></li>
         <li><a href="#">畅销书</a></li>
         <li><a href="#">新品上市</a></li>
        </ul>
        <ul>
         <li><a href="#">位置</a></li>
         <li><a href="#">子公司</a></li>
         <li><a href="#">联系</a></li>
         <li><a href="#">卡雷尔</a></li>
         <li><a href="#">常见问题</a></li>
        </ul>
       </div>
      </div>
     </div>
     <div class="col-md-12 col-lg-4">
      <div class="footer-content">
       <h3 class="title">Download the App</h3>
       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit dicta amet tenetur soluta blanditiis at optio molestias facilis praesentium eos! Sed placeat a labore corporis aliquam reiciendis eaque quisquam corrupti.</p>
      </div>
      <ul class="download-app">
       <li><a href="#"><img src="../assets/images/logo/google.png" alt="google" /></a></li>
       <li><a href="#"><img src="../assets/images/logo/app.png" alt="app" /></a></li>
      </ul>
     </div>
    </div>
   </div> 
  </footer>
  <div class="footer-bottom">
   <div class="container">
    <p>Copyright &copy; 2020 | All rights reserved by <a target="_blank" href="https://themeforest.net/user/mironcoder">Mironcoder</a></p>
    <ul class="pay-card">
     <li><a href="#"><img src="../assets/images/pay-card/01.jpg" alt="payment-1" /></a></li>
     <li><a href="#"><img src="../assets/images/pay-card/02.jpg" alt="payment-2" /></a></li>
     <li><a href="#"><img src="../assets/images/pay-card/03.jpg" alt="payment-3" /></a></li>
     <li><a href="#"><img src="../assets/images/pay-card/04.jpg" alt="payment-4" /></a></li>
    </ul>
   </div>
  </div>
  <el-dialog title="发布博客" :visible.sync="dialogFormVisible" >
    <el-form>
      <el-form-item label="博客标题">
        <el-input style="width: 185px;" v-model="blog.title" placeholder="博客标题"></el-input>
      </el-form-item>
      <div class="pic1"><div style="align-content: center" class="pic2">图片:<input type="file" class="pic" @change="getFile($event)" name="pic"   accept="image/gif, image/jpeg"></div>
      <div class="picshow"><img :src="picshow" class="i1"></div></div> 
      <el-form-item label="博客描述" class="e1">
        <el-input
          type="textarea"
          :rows="5"
          placeholder="请输入内容"
          v-model="blog.text">
        </el-input>
      </el-form-item>
      <el-form-item label="博客类别">
        <el-select placeholder="博客类别" v-model="btname">
          <el-option v-for="item in types" :value="item.btname" :key="item.btid"></el-option>
        </el-select>
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="offone">取 消</el-button>
      <el-button type="primary" @click="addBlog">确 定</el-button>
    </div>
  </el-dialog>
  
  <!-- 用户充值弹窗 -->
  <el-dialog title="用户充值" :visible.sync="money" width="600px">
    <el-form>
      <el-form-item>
        <div class="L1">
        <span><b class="b1">钱包余额：</b><span class="s1">{{userxx.balance}}</span></span>
        </div>
      </el-form-item>
      <el-form-item>
        <div class="L2">
        <ul class="u1">
        <li class="l1">
        <el-button type="success" class="bu1" @click="Lmoney(100)">￥100</el-button>
        <el-button type="success" class="bu2" @click="Lmoney(200)">￥200</el-button>
        <el-button type="success" class="bu3" @click="Lmoney(300)">￥300</el-button>
        </li>
        <li>
        <el-button type="success" class="bu4" @click="Lmoney(400)">￥400</el-button>
        <el-button type="success" class="bu5" @click="Lmoney(500)">￥500</el-button>
        <el-button type="success" class="bu6" @click="Lmoney(648)">￥648</el-button>
        </li>
        </ul>
        </div>
      </el-form-item>
      <el-form-item label="充值金额">
        <el-input class="e1" style="width: 200px;" v-model="num" value="num" placeholder="金额"></el-input>
      </el-form-item>
      <el-form-item>
        <el-radio-group v-model="selectedPaymentMethod">  
          <el-radio class="e2" id="alipay" label="alipay">支付宝</el-radio>  
          <el-radio label="wechat">微信</el-radio>  
        </el-radio-group>
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="money = false">取 消</el-button>
      <el-button type="primary" @click="add">确 定</el-button>
    </div>
  </el-dialog>
   <!-- 退货 -->
   <el-dialog title="请选择你要退货的原因" :visible.sync="diaFormVisible">
    <form>
   <input type="radio" name="gender" value="商品品质不符" v-model="radio1" id="bu">
   <label for="bu">商品品质不符</label>
     <el-divider></el-divider>
   <input type="radio" name="gender" value="农药残留超标" v-model="radio1" id="da">
   <label for="da">农药残留超标</label><br> 
     <el-divider></el-divider>
   <input type="radio" name="gender" value="所购产品不够新鲜" v-model="radio1" id="yan"> 
    <label for="yan">所购产品不够新鲜</label>
     <el-divider></el-divider>
   <input type="radio" name="gender" value="产品已过期" v-model="radio1" id="zuo"> 
    <label for="zuo">产品已过期</label>
     <el-divider></el-divider>
   <input type="radio" name="gender" value="购买错误" v-model="radio1" id="zhi"> 
    <label for="zhi">购买错误</label>
      <el-divider></el-divider>
   <input type="radio" name="gender" value="包装破损" v-model="radio1" id="qi"> 
    <label for="qi">包装破损</label>
    <el-divider></el-divider>
   <input type="radio" name="gender" value="七天无理由退货" v-model="radio1" id="duo"> 
    <label for="duo">七天无理由退货</label>
 </form>
   </el-form>
   <div slot="footer" class="dialog-footer">
     <el-button @click="diaFormVisible = false">取 消</el-button>
     <el-button type="primary" @click="action">确定退货</el-button>
   </div>
 </el-dialog>
  </div>
  <script src="../js/vue.js"></script>
  <script src="../js/axios.js"></script>
  <script src="../js/qs.js"></script>
  <script src="../back/js/index.js"></script>  
  <script src="../assets/source/js/vendor/jquery-1.12.4.min.js"></script> 
  <script src="../assets/source/js/vendor/popper.min.js"></script> 
  <script src="../assets/source/js/vendor/bootstrap.min.js"></script> 
  <script src="../assets/source/js/vendor/jquery-ui.js"></script> 
  <script src="../assets/source/js/custom/price-range.js"></script> 
  <script src="../assets/source/js/custom/main.js"></script>
  <script>
    let app = new Vue({
       el:'#app',
       data:{
          blog: {
              title: '',
              pic: '',
              text:'',
              btname: '',
          },
          types:[],//博客类别
          btname:'',
          picshow:'',
          dialogFormVisible:false,
          ///
          adminEmail:'',
          adminTel:'',
          uid:'',
          userInfo:{},//用户信息
          types:[],//博客类别信息
          cartCount:0,//购物车数量
          wishCount:0,//心愿单数量///
          status:0,
          radio:false,// 
          allOrder:'',
          num:0,//金额
          selectedPaymentMethod: '', // 用于存储选中的支付方式
          money: false,//充值弹窗
          dialogVisible:false,
          orderdetail:[],//订单详情
          //退货弹窗数据
          // tableData:'',
          // dialVisible: false,
          diaFormVisible: false,
          radio1:'',//退货原因
          tuihuooid:'',//退货id
          userxx:{},
       },
       methods:{
          
        add(){
          // if (this.selectedPaymentMethod === 'alipay') {  
          // axios.post("../userController/userpay",qs.stringify({
          //   countmoneys:this.num
          // })).then(resp=>{

          // });  
          // } else {  
          //   alert("未选择支付宝");
          // }  
        },
    	   //打开充值
   	   openL(){
            this.num = 0;
   	        this.money = true;
   	      },
   	      //快捷充值
   	      Lmoney(abc){
   	    	this.num = abc;  
   	      },
        addBlog(){
        console.log("btname="+this.btname);
        console.log("title="+this.blog.title);
        console.log("pic="+this.blog.pic);
        console.log("text="+this.blog.text);
        let config = {
						headers: {
							'Content-Type' : 'multipart/form-data'
						}
				};
        let formData = new FormData();
        formData.append("uid", this.uid);
				formData.append("title", this.blog.title);
				formData.append("pic", this.blog.pic);
				formData.append("text", this.blog.text);
				formData.append("btname", this.btname);
				axios.post("../blogController/addBlog", formData, config).then(resp => {
					if(resp.data > 0){
						alert("添加成功");
						//清空
						this.blog= {
              title: '',
              pic: '',
              text:'',
              btname: ''
          }
						this.dialogFormVisible = false;
						this.btname = '';
					}
				}).catch(err => {
					alert("添加失败");
					//清空
          this.blog= {
              title: '',
              pic: '',
              text:'',
              btname: ''
          }
              this.dialogFormVisible = false;
              this.btname = '';
				});
      },
        findBlogType(){
          axios.get("../blogtypeController/findBlogType").then(resp=>{
              this.types = resp.data;
              console.log(this.btname);
          });
        },
           //弹框取消按钮
        offone(){
          this.dialogFormVisible = false;
          this.blog = {
              title: '',
              pic: '',
              text:'',
              tname: ''  
              }
          },
          open(){
            this.dialogFormVisible = true;
            this.picshow = '';
            this.findBlogType();
          },
          //文章路径
          getFile(event){
            this.blog.pic = event.target.files[0];
            let URL = window.URL || window.webkitURL;
                  // 通过 file 生成目标 url
            this.picshow = URL.createObjectURL(event.target.files[0]);
          },
          findAdminInfo(){//查询管理员信息
            axios.get("../userController/findAdminInfo").then(resp=>{
              localStorage.setItem("adminEmail",resp.data.email);
              localStorage.setItem("adminTel",resp.data.tel);
              this.adminEmail = resp.data.email;
              this.adminTel = resp.data.tel;
            });
          },
          user(){
            axios.get("../userController/user",{
              params:{
                uid:this.uid
              }
            }).then(resp=>{
              this.userxx = resp.data;
            });
          },
          findUserInfo(){//查询用户信息
            let uid = localStorage.getItem("uid");
            if(uid == null || uid == ""){
                alert("请先登录");
                  location.href="login.html";
					        return;
                
				    }else{
              this.uid = localStorage.getItem("uid");
            }
            axios.get("../userController/findUserInfo").then(resp=>{
                if(resp.data == -1){
                  alert("请先登录");
                  location.href = "login.html";
                  return;
                }else{
                  this.userInfo = resp.data;
                  console.log(resp.data);
                  this.user();
                }
              });  
          },
          findTypes(){
            axios.get("../typeController/findTypes").then(resp=>{
              this.types = resp.data;
            });
          },
          getCartCount(){//得到购物车数量
            if(this.userInfo == null){
              return;
            }
            let count = localStorage.getItem("cartCount");
            if(count == null || count == ""){
              axios.get("../carInfoController/getCartCount",{
                params:{
                  uid:this.uid
                }
                }).then(resp=>{
                this.cartCount = resp.data;
                console.log(this.cartCount);
                //存值
                localStorage.setItem("cartCount",this.cartCount);
              });
            }else{
              this.cartCount = count;
            }		
			    },
          getWishCount(){//得到心愿单数量
            if(this.userInfo == null){
              return;
            }
            let count = localStorage.getItem("wishCount");
            if(count == null || count == ""){
              axios.get("../wishController/getWishCount",{
                params:{
                  uid:this.uid
                }
                }).then(resp=>{
                this.wishCount = resp.data;
                //存值
                localStorage.setItem("wishCount",this.wishCount);
              });
            }else{
              this.wishCount = count;
            }		
			    },
          findOrder(val2){
            this.status = val2;
            axios.get("../orderController/findOrder",{
              params:{
                uid:this.uid,
                status:this.status
              }
            }).then(resp=>{
              this.allOrder = resp.data;
              console.log(this.allOrder);
            });
          },
          toPval(val1,val2){
            console.log("商品评价id" + val1);
            console.log("订单id"+val2);
            location.href = "pavl.html?"+val1+","+val2;
          },
          toRecv(val){
            console.log("订单id"+val);
            let temp = Number(val);
            axios.post("../orderController/toRecv",qs.stringify({
              oid:temp
            })).then(resp=>{
              if(resp.data > 0){
                alert("确认收货成功");
                this.findOrder(2);
                this.dialogVisible=false;
              }else{
                alert("确认收货失败");
                return;
              }
            });
          },
          //确认收货
          showOrder(val){
            this.dialogVisible = true;
            let temp = Number(val);
            axios.get("../orderController/showOrder",{
              params:{
                oid:temp
              }
            }).then(resp=>{
              if(resp.data != ''){
                this.orderdetail = resp.data;

                console.log(this.orderdetail);
              }else{
                return;
              }
            });
          },
          //查看待发货
          show1(val){
            this.dialogVisible = true;
            let temp = Number(val);
            axios.get("../orderController/showOrder",{
              params:{
                oid:temp
              }
            }).then(resp=>{
              if(resp.data != ''){
                this.orderdetail = resp.data;
                console.log(this.orderdetail);
              }else{
                return;
              }
            });
          },
          show4(val){
            this.dialogVisible = true;
            let temp = Number(val);
            axios.get("../orderController/showOrder",{
              params:{
                oid:temp
              }
            }).then(resp=>{
              if(resp.data != ''){
                this.orderdetail = resp.data;
                console.log(this.orderdetail);
              }else{
                return;
              }
            });
          },
          show5(val){
            this.dialogVisible = true;
            let temp = Number(val);
            axios.get("../orderController/showOrder",{
              params:{
                oid:temp
              }
            }).then(resp=>{
              if(resp.data != ''){
                this.orderdetail = resp.data;
                console.log(this.orderdetail);
              }else{
                return;
              }
            });
          },
          show6(val){
            this.dialogVisible = true;
            let temp = Number(val);
            axios.get("../orderController/showOrder",{
              params:{
                oid:temp
              }
            }).then(resp=>{
              if(resp.data != ''){
                this.orderdetail = resp.data;
                console.log(this.orderdetail);
              }else{
                return;
              }
            });
          },
          show7(val){
            this.dialogVisible = true;
            let temp = Number(val);
            axios.get("../orderController/showOrder",{
              params:{
                oid:temp
              }
            }).then(resp=>{
              if(resp.data != ''){
                this.orderdetail = resp.data;
                console.log(this.orderdetail);
              }else{
                return;
              }
            });
          },
          show3(val){
            this.dialogVisible = true;
            let temp = Number(val);
            axios.get("../orderController/showOrder",{
              params:{
                oid:temp
              }
            }).then(resp=>{
              if(resp.data != ''){
                this.orderdetail = resp.data;
                console.log(this.orderdetail);
              }else{
                return;
              }
            });
          },
          toTuiHuo(val){
            this.diaFormVisible = true;
            this.tuihuooid = Number(val);
          },
          action(){
            console.log(this.radio1);
            if(this.radio1 === ''){
              alert("请选择退货原因");
              return;
            }else{
              axios.get("../orderController/toTuiHuo",{
                params:{
                  oid:this.tuihuooid,
                  uid:this.uid,
                  reason:this.radio1
                }
              }).then(resp=>{
                if(resp.data == 1){
                  alert("申请退货成功");
                  this.diaFormVisible = false;
                  this.findOrder(this.tuihuooid);
                }else if(resp.data == 0){
                  alert("申请信息有误");
                  return;
                }else if(resp.data == -1){
                  alert("申请退货失败");
                  return;
                }
              });
            }
          }
       },
       created(){
          this.findAdminInfo();
          this.findUserInfo();
          this.findTypes();
          this.getCartCount();
          this.getWishCount();
          this.findOrder(1);
       }
   });
 </script> 
 </body>
</html>